<template>
    <div class="weekend">
       <p class="title">周末去哪儿</p>
       <div v-for="item of weekendList" :key="item.id" class="item">
           <img :src="item.imgUrl" />
           <h5>{{item.title}}</h5>
           <p>{{item.content}}</p>
       </div>
    </div>
    
</template>
<script>
export default {
    name:"HomeWeekend",
    props:{
       weekendList:{
           type:Array
       }
    }
}
</script>
<style lang="scss" scoped>
   .weekend{
       background-color: #eee;
       .title{
           height: 70px;
           line-height: 70px;
           margin-left: 10px;
           font-size: 20px;
       }
   }
   .item{
       margin-bottom: 8px;
    img{
        margin-bottom: 8px;
        width: 100%;
        height: 100%;
    }
    p{
        color: #aaa;
        margin-bottom: 3px;
        margin-left: 15px;
        font-size: 28px;
    }
    h5{
        margin-left: 15px;
        font-size: 28px;
    }
   }
</style>

